<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>City Portal</title>
<meta name="keywords" content="city portal, 3 columns, free css templates, website templates, white color" />
<meta name="description" content="City Portal is a 3-column free website template for everyone" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script src="jquery_last.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
<script src="formValidator.js" type="text/javascript" charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script language="javascript" src="DateTimeMask.js" type="text/javascript"></script>

<style type="text/css" media="all">
body,div{font-size:12px;}
.divFrame{width :400px;border:solid 1px #666;font-size:10pt}
.divTitle{background-color:#eee;padding:5px}
.divContent{padding:5px;display:none}
.divCurrColor {background-color:blue}
</style>


<script type="text/javascript">
$(document).ready(function(){
	//$.formValidator.initConfig({onerror:function(){alert("校验没有通过，具体错误请看错误提示")}});
	
	$.formValidator.initConfig({formid:"form1",onerror:function(msg){alert(msg)},onsuccess:function(){alert('success');return false;}});
	
	$("#mobile").formValidator({onshow:" ",onfocus:"请输入你的手机号码，不可以为空哦",oncorrect:"谢谢你的合作"}).inputValidator({min:11,max:11,onerror:"手机号码必须是11位的,请确认"}).regexValidator({regexp:"mobile",datatype:"enum",onerror:"你输入的手机号码格式不正确"});;
	
});
</script>
</head>
<body>
<div id="login_wrapper">
  <div id="templatemo_header">
    <div id="site_title">
      <h1><a href="http://www.templatemo.com" target="_parent"> <img src="images/templatemo_logo.png" alt="City Portal" /> <span>FREE CSS TEMPLATES</span> </a></h1>
    </div>
    <!-- end of site_title -->
    
    <div id="header_right">
      <ul id="header_button">
        <li><a href="#"><img src="images/templatemo_home.jpg" alt="home" /></a></li>
        <li><a href="#"><img src="images/templatemo_contact.jpg" alt="contact us" /></a></li>
      </ul>
      <div class="cleaner"></div>
      <form action="#" method="get">
        <input type="text" value="Enter a keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
        <input type="submit" name="Search" value="Go" alt="Search" id="searchbutton" title="Search" />
      </form>
    </div>
  </div>
  <!-- end of templatemo_header -->
  
  <div id="login_content_wrapper">
    <div id="login_content">
      <div class="templatemo_box">
        <h2><span></span>登录</h2>
        <div class="body">
          <form action="loginAccount.do" method="post">
          <ul class="side_menu">
        <li>  用户名 &nbsp<input type="text" size = "20" length="20" id="accountId" name="accountId"/></li>
        <li>  密码 &nbsp &nbsp <input type="password" size = "22" length="22" id="password" name="password"/></li>
       	<li>  <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="" /></li>
       	       </ul>
          </form>
        </div>
        <div class="box_bottom"><span></span></div>
      </div>
      <div class="templatemo_box">
        <h2><span></span>随便逛逛</h2>
        <div class="body">
       <form action="loginByMobile.do" method="post">  
       <ul class="side_menu">
          <li> <P> 不是新用户？请输入朋友的手机号进入体验</P></li>
          <li> 手机号码<input type="text" size = "20" length="20" id="mobile" name="mobile"/><div id="mobileTip" style="width:200px"></div> </li>
          <li> <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="search" /></li>
       	  </ul>
        </form>
        </div>
        <div class="box_bottom"><span></span></div>
      </div>
    </div>
    <!-- end of templatemo_content -->
    
    <div class="cleaner"></div>
  </div>
  <!-- end of templatemo_content_wrapper --> 
  
</div>
<!-- end of templatemo_wrapper -->

<div id="templatemo_footer_wrapper">
  <div id="templatemo_footer">
    <ul class="footer_menu">
      <li><a href="#">Homepage</a></li>
      <li><a href="#">Destinations</a></li>
      <li><a href="#">Life Style</a></li>
      <li><a href="#">Environments</a></li>
      <li><a href="#">Sports</a></li>
      <li><a href="#">Technology</a></li>
      <li><a href="#">Business</a></li>
      <li><a href="#">Videos</a></li>
      <li class="last_menu"><a href="#">Contact</a></li>
    </ul>
    Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></div>
  <!-- end of footer --> 
</div>
<!-- end of templatmeo_footer_wrapper -->
</body>
</html>